<template name="lgb-order-step">
<view class="lgb-order-step">
    <view class="step-title">订购流程</view>
    <view class="step-content">
        <view class="title">在线付款</view>
        <view class="text">提交订单，微信支付付款</view>
        <view class="title">等待收货</view>
        <view class="text">成功付款后，我们将及时安排发货</view>
        <view class="title">门店提货</view>
        <view class="text">发货后，在发货时间到所选门店自提</view>
    </view> 
</view>
</template>

<script>
    export default {
        name: "lgb-order-step",
        props: {
                                           
        }
    }    
</script>

<style lang="scss">
.lgb-order-step {
    margin-top: 20upx;
    background-color: #fff;    
    .step-title {
        font-size: 28upx;
        color: #1A1A1A;
        line-height: 88upx;
        padding: 0 30upx;
        border-bottom: 1px solid #E6E6E6;        
    }
    .step-content {
        padding: 30upx 50upx;        
        .title {
            font-size: 24upx;
            color: #1A1A1A;
            padding-left: 36upx;
            border-left: 1px solid #E6E6E6;
            line-height: 1;
            padding-bottom: 18upx;
            position: relative;            
        }
        .text {
            font-size: 24rpx;
            color: #808080;
            padding-left: 36rpx;
            border-left: 1px solid #E6E6E6;
            line-height: 1;
            padding-bottom: 14rpx;            
        }
    }
}
</style>
